<template>

    <div class="cancel_task_box">
        <div style="display: flex;justify-content: center">
            <div style="font-size: 16px;padding-right: 10px">备注:</div>
            <el-input type="textarea" v-model="remark" placeholder="请输入备注信息" autofocus rows="10" autosize style="width: 500px"></el-input>
        </div>

        <div style="margin-top: 20px">
            <el-button type="primary" @click="confirmCancel">确定取消</el-button>
        </div>
    </div>

</template>
<script>


    export default {
        name: 'cancel_task',
        components: {
        },
        props: {
            orderId: {
                type: Number | String,
                default: null
            },
            value: {
                type: String,
                default: ''
            }
        },
        data() {
            return {
                remark:''
            }
        },
        watch: {
            value: function (val) {
                this.remark = this.value;
            },
            remark: function (val) {
                this.$emit('input', this.remark);
            }
        },
        methods: {
            confirmCancel() {
                this.$emit('cancel');
            }
        }
    }
</script>


<style lang="less">
    .cancel_task_box {
        padding-top: 50px;
        text-align: center;
        .el-textarea__inner{
            height: auto !important;        }
    }

</style>

